<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<ui:composition template="/template/templatePadrao.xhtml">
			<ui:define name="body">
				<h:outputText value="Atendimento > Consulta" styleClass="breadcrumb"/> <br/> <br />
				<h:form id="form_consulta">
					<p:growl id="growl" />
					
					<p:panel header="Dados do Animal">
						<table style="width:100%">
							<tr>
								<td width="95%">
									<table style="width:100%">	
										<tr>
											<td >
												<h:outputText value="Nome" style="font-weight:bold;"/>
											</td>
											<td style="text-align: left;">
												<h:outputText value="#{animalManager.animal.nome}" />
											</td>
										</tr>
										<tr>
											<td>
												<h:outputText value="Nascimento" style="font-weight:bold;"/>		
											</td>
											<td style="text-align: left;">
												<h:outputText value="#{animalManager.animal.dataNascimento}" >
													<f:convertDateTime pattern="dd/MM/yyyy" />
												</h:outputText>
											</td>
										</tr>
										<tr>
											<td>
												<h:outputText value="Peso Inicial" style="font-weight:bold;"/>		
											</td>
											<td style="text-align: left;">
												<h:outputText value="#{animalManager.animal.peso}" />
											</td>
										</tr>
									</table>
								</td>
								<td width="5%" style="display:block">
									<p:commandButton
										rendered="#{medicoManager.podeAbrirFicha()}"
										style="min-height: 70px; min-width: 300px;"
										value="Nova Ficha" action="#{medicoManager.abrirNovaFicha}" oncomplete="fichaDialog.show()" update=":form"/>
										
									<p:commandButton action="#{medicoManager.concluirAtendimento}" value="Finalizar Consulta"
										style="min-height: 70px; min-width: 300px;" 
										rendered="#{medicoManager.agendamento.statusAgendamento.name().equals('EM_ATENDIMENTO')}" 
										ajax="false"/>
								</td>
							</tr>
						</table>
					</p:panel>
					
					<p:panel header="Histórico Clínico" rendered="#{!medicoManager.fichasPaciente.isEmpty()}">
						<p:dataGrid value="#{medicoManager.fichasPaciente}" 
							var="ficha" rows="2" paginator="true"  columns="1"
							emptyMessage="Não existe histórico de consultas para esse animal">
							<p:column>
								<table style="width:100%">
									<tr>
										<td width="80%">
											<table style="width:100%">
												<tr>
													<td>
														<h:outputText value="Data Atendimento" />
													</td>
													<td style="">
														<h:inputText value="#{ficha.dataAtendimento}" disabled="true" >
															<f:convertDateTime pattern="dd/MM/yyyy" />
														</h:inputText>
													</td>
												</tr>
												<tr>
													<td>
														<h:outputText value="Peso" />
													</td>
													<td>
														<h:inputText value="#{ficha.peso}" />
													</td>
												</tr>
											</table>
										</td>
										<td style="text-align: right;" width="20%">
											<p:commandButton value="Visualizar" action="#{medicoManager.prepareUpdateFichaPaciente}" 
												oncomplete="fichaDialog.show()" update=":form :form_consulta">
												<f:setPropertyActionListener target="#{medicoManager.fichaPaciente}" value="#{ficha}" />
											</p:commandButton>
										</td>
									</tr>
								</table>
								<table style="width:100%;">
									<tr>
										<td style="text-align:left; width:33%; height: 157px; min-height:157px; max-height:157px;">
											<h:outputText value="Observações" /><br />
											<h:inputTextarea style="width: 310px; height: 157px; min-height:157px; max-height:157px; resize:none" value="#{ficha.observacoes}" disabled="true"/>
										</td>	
										<td style="width:33%; height: 157px; min-height:157px; max-height:157px;">
											<h:outputText value="Receita" /><br />
											<h:inputTextarea style="width: 310px; height: 157px; min-height:157px; max-height:157px; resize:none" value="#{ficha.receituario.receita}" disabled="true"/>
										</td>
										<td style="width:33%; height: 157px; min-height:157px; max-height:157px;">
											<h:outputText value="Procedimentos" style="padding-left:11px;" /><br />
											<h:inputTextarea style="width: 310px; height: 157px; min-height:157px; max-height:157px; resize:none" value="#{ficha.procedimento.procedimento}" disabled="true"/>
										</td>	
									</tr>
								</table>
							</p:column>
						</p:dataGrid>
				</p:panel>
			
			</h:form>
	   	
		   	<p:dialog widgetVar="fichaDialog" 
		   		header="Prontuário do Animal #{medicoManager.agendamento.paciente.displayNome}" 
		   		showEffect="fade" 
		   		hideEffect="clip" 
		   		resizable="false"
		   		modal="true"
		    	width="800" height="528" >  
				
				<ui:include src="/veterinaria/paginas/animal/prontuario.xhtml"></ui:include>
				
		   	</p:dialog>
			</ui:define>
		</ui:composition>
	</f:view>
</html>